<template>
	<view>
		<swiper  style="height: 750rpx;" :indicator-dots="true" :circular="true" :autoplay="true" :interval="3000" :duration="1000">
			<block v-for="(item,index) in imageList" :key="index">
				<swiper-item>
					<view class="swiper-item" @tap="clickEvent(index)">
						<image :src="item.src" lazy-load style="height: 750rpx;" mode=""></image>
					</view>
				</swiper-item>
			</block>
			
		</swiper>
	</view>
</template>

<script>
	export default{
		props:{
			imageList:Array
		},
		methods:{
			clickEvent(index){
				uni.previewImage({
					current:index,
					urls:this.imageList.map(v=>v.src),
					indicator:"number"
					
				})
			}
		}
	}
</script>

<style>
</style>
